﻿@{
    ViewBag.Title = "Index";
}
<div id="content">
    <br />
    <div class="container clearfix">
        <div id="banner">
            <div class="oneByOne_item">
                <img src="../../Content/themes/web/green/images/icons/ipad.png" class="wp1_3" alt="" />
                <span class="txt1"><a href="#">This is a Title</a></span> <span class="txt2">Above is
                    a hyperlink ;)</span>
            </div>
            <div class="oneByOne_item">
                <img src="../../Content/themes/web/green/images/slideshow/slide-001.jpg" alt=" " class="bigImage" />
                <span class="slide2Txt1">A mouse</span> <span class="slide2Txt2">Lorem ipsum dolor sit
                    amet</span> <span class="slide2Txt3">Deserunt mollit anim id est laborum</span>
            </div>
            <div class="oneByOne_item">
                <span class="wp1">Touch Screen</span> <span class="wp2">Please Wipe Left or Right</span>
                <img src="../../Content/themes/web/green/images/icons/css3.png" class="wp2" alt="" />
                <img src="../../Content/themes/web/green/images/icons/html5.png" class="wp3" alt="" />
            </div>
            <div class="oneByOne_item">
                <img src="../../Content/themes/web/green/images/slideshow/slide-002.jpg" alt=" " class="bigImage" />
                <span class="slide5Txt1">Support Big Image</span> <span class="slide5Txt2">Unlimited
                    Text block</span>
            </div>
        </div>
        <div class="horizontal-line">
        </div>
    </div>
    <div class="container clearfix ">
        <div class="one-fourth" style="width: 185px;">
            <ul class="pricing-box-fancy">
                <li class="pricing-box-title-fancy blue"><span style="color: White">产品分类</span>
                </li>
                <li class="included">JST</li>
                <li class="included">KET</li>
                <li class="included">MOLEX</li>
                <li class="not-included">Baidu</li>
                <li class="not-included">Google Mobile </li>
                <li class="not-included">Free Domains</li>
                <li class="not-included">Email Adress</li>
                <li class="not-included">App Managment</li>
                <li class="not-included">Unlimited Notifications</li>
            </ul>
        </div>
        <div class="two-fourth last">
            <ul id="portfolio-items-one-fourth" class="portfolio-items">
                <!-- PROJECT ITEM STARTS -->
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-01.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <!-- PROJECT ITEM ENDS -->
                <!-- PROJECT ITEM STARTS -->
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-02.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
                <li>
                    <div class="item-content">
                        <div class="link-holder">
                            <div class="portfolio-item-holder">
                                <div class="portfolio-item-hover-content">
                                    <a href="../../Content/themes/web/green/images/slideshow/slide-003.jpg" title="Dummy Image Title" data-rel="prettyPhoto"
                                        class="zoom">View Image</a>
                                    <img src="../../Content/themes/web/green/images/portfolio/portfolio-img-07.jpg" alt=" " class="portfolio-img" />
                                    <div class="hover-options">
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                    <div class="portfolio-item-description">
                        <p>
                            <strong>New Logo / Brand Design</strong>
                        </p>
                    </div>
                </li>
            </ul>
        </div>
    </div>
</div>
